
{extend name="index/index" /}

{block name="main"}

        <div class="sixteen columns row divide notop">
        	<h3 class="titledivider">新闻动态</h3>
            <div class="dividerline"></div>
        </div>
        <form action="{:url('index/News/search')}">
            <span class="input-icon" style="display:inline-block;margin-left:10px;">
                <input type="text" name="search" placeholder="点击搜索" class="nav-search-input" id="nav-search-input" autocomplete="off" />
                <i class="icon-search nav-search-icon"></i>
            </span>
            <input type="submit" value="搜索" style="width:55px;height:36px;">
        </form>
        <!--<div class="sixteen columns row portfolio_filter">
        	<ul>
                <li><a class="portfolio_selector" data-group="all-group" href="#">All Projects</a><span>|</span></li>
                <li><a class="portfolio_selector" data-group="web-group" href="#">Web Design</a><span>|</span></li>
                <li><a class="portfolio_selector" data-group="photoshop-group" href="#">Photoshop</a><span>|</span></li>
                <li><a class="portfolio_selector" data-group="concepts-group" href="#">Concepts</a><span>|</span></li>
                <li><a class="portfolio_selector" data-group="print-group" href="#">Print Design</a></li>
            </ul>
        </div>-->
        
		<div class="sixteen columns row teasers portfolio">
            {volist name="news" id="v"}

        	<div class="four columns teaser all-group web-group">
               <a href="{:url('index/news/detail', ['id' => $v['id']])}" data-text="» 查看更多" class="hovering"><img src="{$v['image']}" alt="" class="scale-with-grid" /></a>
               <div class="pluswrap">
                   <div class="topline"><a href="#">{$v['name']}</a></div>
                   <div class="subline" style="overflow:hidden;">{$v['title']}</div>
               </div>
            </div>
            {/volist}

            <!--
			<div class="four columns teaser all-group photoshop-group">
                <a href="#" data-text="» Visit Project" class="hovering"><img src="/static/index/images/thumbs/home_teaser2.jpg" alt="" class="scale-with-grid" /></a>
                <div class="pluswrap">
                    <a href="#" class="bigplus"></a>
                    <div class="topline"><a href="#">Wurzburg</a></div>
                    <div class="subline">Photoshop</div>
                </div>
            </div>
			<div class="four columns teaser all-group concepts-group">
                <a href="#" data-text="» Visit Project" class="hovering"><img src="/static/index/images/thumbs/home_teaser3.jpg" alt="" class="scale-with-grid" /></a>
                <div class="pluswrap">
                    <a href="#" class="bigplus"></a>
                    <div class="topline"><a href="#">Frankfurt</a></div>
                    <div class="subline">Concepts</div>
                </div>
            </div>
            <div class="four columns teaser all-group print-group">
            	<a href="#" data-text="» Visit Project" class="hovering"><img src="/static/index/images/thumbs/home_teaser4.jpg" alt="" class="scale-with-grid" /></a>
                <div class="pluswrap">
                    <a href="#" class="bigplus"></a>
                    <div class="topline"><a href="#">Amsterdam</a></div>
                    <div class="subline">Print Design</div>
                </div>
            </div>
            <div class="four columns teaser all-group concepts-group">
               <a href="#" data-text="» Visit Project" class="hovering"><img src="/static/index/images/thumbs/home_teaser5.jpg" alt="" class="scale-with-grid" /></a>
               <div class="pluswrap">
                   <a href="#" class="bigplus"></a>
                   <div class="topline"><a href="#">Canberra</a></div>
                   <div class="subline">Concepts</div>
               </div>
            </div>
			<div class="four columns teaser all-group print-group">
                <a href="#" data-text="» Visit Project" class="hovering"><img src="/static/index/images/thumbs/home_teaser6.jpg" alt="" class="scale-with-grid" /></a>
                <div class="pluswrap">
                    <a href="#" class="bigplus"></a>
                    <div class="topline"><a href="#">Townsville</a></div>
                    <div class="subline">Print Design</div>
                </div>
            </div>
			<div class="four columns teaser all-group web-group">
                <a href="#" data-text="» Visit Project" class="hovering"><img src="/static/index/images/thumbs/home_teaser7.jpg" alt="" class="scale-with-grid" /></a>
                <div class="pluswrap">
                    <a href="#" class="bigplus"></a>
                    <div class="topline"><a href="#">Dragon Plane</a></div>
                    <div class="subline">Web Design</div>
                </div>
            </div>
            <div class="four columns teaser all-group photoshop-group">
            	<a href="#" data-text="» Visit Project" class="hovering"><img src="/static/index/images/thumbs/home_teaser8.jpg" alt="" class="scale-with-grid" /></a>
                <div class="pluswrap">
                    <a href="#" class="bigplus"></a>
                    <div class="topline"><a href="#">Nuremberg</a></div>
                    <div class="subline">Photoshop</div>
                </div>
            </div>
            <div class="four columns teaser all-group concepts-group">
                <a href="#" data-text="» Visit Project" class="hovering"><img src="/static/index/images/thumbs/home_teaser9.jpg" alt="" class="scale-with-grid" /></a>
                <div class="pluswrap">
                    <a href="#" class="bigplus"></a>
                    <div class="topline"><a href="#">CBCM</a></div>
                    <div class="subline">Concepts</div>
                </div>
            </div>
            <div class="four columns teaser all-group web-group">
            	<a href="#" data-text="» Visit Project" class="hovering"><img src="/static/index/images/thumbs/home_teaser10.jpg" alt="" class="scale-with-grid" /></a>
                <div class="pluswrap">
                    <a href="#" class="bigplus"></a>
                    <div class="topline"><a href="#">Munich</a></div>
                    <div class="subline">Web Design</div>
                </div>
            </div>
            <div class="four columns teaser all-group web-group">
               <a href="#" data-text="» Visit Project" class="hovering"><img src="/static/index/images/thumbs/home_teaser1.jpg" alt="" class="scale-with-grid" /></a>
               <div class="pluswrap">
                   <a href="#" class="bigplus"></a>
                   <div class="topline"><a href="#">Desktopography</a></div>
                   <div class="subline">Web Design</div>
               </div>
            </div>
			<div class="four columns teaser all-group photoshop-group">
                <a href="#" data-text="» Visit Project" class="hovering"><img src="images/thumbs/home_teaser2.jpg" alt="" class="scale-with-grid" /></a>
                <div class="pluswrap">
                    <a href="#" class="bigplus"></a>
                    <div class="topline"><a href="#">Wurzburg</a></div>
                    <div class="subline">Photoshop</div>
                </div>
            </div>
            -->
		</div>
        
        <!-- Space Adjuster
        ================================================== -->
        
        <div class="sixteen columns bottomadjust"></div>
            
	</div><!-- container -->

{/block}